<!DOCTYPE html>
<html lang="en" ng-app ="smartOlwApp">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>Pais</title>
		<link rel="stylesheet" type="text/css" href="../../css/smart_icons_styles.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_menu.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_general.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_tabladatos.css">
	  	
	  	<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog.css">
	  	<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog-theme-default.css">
		<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog-theme-plain.css">
  
        <!-- Importarmos angular JS -->
        <script type="text/javascript" src="../../js/jquery/jquery-1.8.3.min.js"></script>
    	<script type="text/javascript" src="../../js/main/template.js"></script>
    	<script type="text/javascript" src="../../js/angular-1.4.7/angular.min.js"></script> 
    	<script type="text/javascript" src="../../js/ngdialog-0.2.3/ngDialog.min.js"></script> 
    	<script type="text/javascript" src="../../js/angucomplete/angucomplete.js"></script> 
    	
    	<!-- importar script para las funciones del formulario -->
		<script type="text/javascript" src="../smart_maestros/script/maestro_app.js"></script>
		<script type="text/javascript" src="../smart_maestros/script/maestro_service.js"></script>
    	<script type="text/javascript" src="script/pais_controller.js"></script>
</head>
<body ng-controller = "paisCtrl">
    <div>
		<div id="frame">
			<div class="panel panel-primary ng-scope">
   			
	   			<div class="panel-heading">País
			 		<a href="#"><span class="img"><img src="../../imagene/eliminar.png" style="float:right;"  ng-click="eliminar()" title ="Eliminar"></span></a>
			 		<a href="#"><span class="img"><img src="../../imagene/limpiar.png" style="float:right;"  ng-click="limpiar()" title ="Limpiar"></span></a>
			 		<a href="#"><span class="img"><img src="../../imagene/consultar.png" style="float:right;" ng-click="listar()" title ="Listar"></span></a>
			 		<a href="#"><span class="img"><img src="../../imagene/guardar.png" style="float:right;"   ng-click="grabar()" title ="Almacenar"></span></a>
				</div>
			
				<div class="panel-body">
					<input id="scpais" type="text" class="texto" ng-model="scpais" style = "display:none;">
	               
	                <div class = "alert alert-danger alert-dismissable" id="messageBox">
	                	<h4>{{titulo_mensajes}}</h4> {{descripcion_mensajes}}
	                	<a href="#"><span class="imagen"><img src="../../imagene/bombilla-incandescente32.png"  ng-click="bombilla(pais)"></span></a>
					</div>
					
					<div class="col-md-10 panel panel-primary ng-scope"  style="height: 60px;"> 
						<table style="width:100%; vertical-align: middle;">
							<tr style = "vertical-align: middle;">
								<td  style="width:40%; vertical-align: middle;">
									<label class="label" >Código*</label>	
									<input id="copais" type="text" class="texto" ng-model="copais" >
								</td>
								<td  style="width:60%; vertical-align: middle;">
									<label class="label" for="Nombre">Nombre*</label>	
									<input id="dspais" type="text" class="texto" ng-model="dspais">									
								</td>
							</tr> 
						</table>
					</div>
					
					<div class="container">				
						<table class = "tabledatos">
							<caption>Listado de paises</caption>
							<thead>
								<tr>
									<th style="width: 150px;" scope="col" >Código país</th>
									<th style="width: 350px;" scope="col" >Nombre país</th>
									<th style="width: 50px;" scope="col" >Acción</th>
								</tr>
							</thead>
							
							<tbody class="tbody">
								<tr ng-repeat="p in paises | orderBy : 'dspais'">
								    <td style = "display:none;">{{p.scpais}}</td>
								    <!--td style="width: 150px;">{{p.scpais}}</td-->
									<td style="width: 150px;">{{p.copais}}</td>		
									<td style="width: 350px;">{{p.dspais}}</td>
									<td class="botonera-table" style="width: 50px;"><a href="#"><span class="img"><img src="../../imagene/verifique-signo24.png" style="float:center;" ng-click="seleccionar(p)" title ="Seleccionar"></span></a></td>						
								</tr>
							</tbody>
						</table>
					</div>
				</div>
	  		</div>
		</div> 
	</div>
</body>
</html>